<!--
  Generated template for the PersonRankingPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar  color="mainColor">
    <ion-title>成绩详情</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <div class="rank-box">
    <div class="rank">
      <p>我的名次</p>
      <p>{{rank}}名</p>
    </div>
    <button ion-button (click)="showAllRanking()">查看全班排名</button>
  </div>
  <div class="rank-info">
    <div>
      <p>
        出勤：
      </p>
      <span>
        {{attentScore}}
      </span>
    </div>
    <div>
      <p>
        资源：
      </p>
      <span>
        {{viewSourceScore}}
      </span>
    </div>
    <div>
      <p>
        习题：
      </p>
      <span>
        {{answerExerciseScore}}
      </span>
    </div>
  </div>
</ion-content>
